@import '../../libs/weui.css';
body {
  overflow: hidden;
}
.modal-alert {
  display: none;
}
.wrapper {
  position: fixed;
  width: 100%;
  min-width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.wrapper::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
  background-color: #ddd;
}
.wrapper::-webkit-scrollbar {
  width: 5px;
  height: 100%;
  background-color: #fff;
}
.wrapper .title {
  margin: 15px 15px 0;
  font: normal normal normal 15px/26px 'microsoft yahei';
  color: #63a8e2;
  border-bottom: 1px solid #63a8e2;
}
.wrapper .subtitle {
  margin: 0 15px 15px;
  font: normal normal normal 12px/26px 'microsoft yahei';
  color: #63a8e2;
}
.wrapper form {
  margin: 15px;
}
.wrapper .mrow {
  margin: 10px 0 0;
}
.wrapper .mrow label {
  width: 100px;
  display: inline-block;
  text-align: right;
  margin: 0 5px 0 0;
  color: #888;
  font: normal normal normal 14px/26px 'microsoft yahei';
}
.wrapper .mrow .a-select {
  color: #333;
  font: normal normal normal 15px/26px 'microsoft yahei';
}
.wrapper .mrow .text {
  width: 160px;
  height: 26px;
  color: #333;
  font: normal normal normal 15px/26px 'microsoft yahei';
  border: 1px solid #ccc;
  padding: 0 2px;
}
.wrapper .mrow .text-sm {
  width: 100px;
  height: 26px;
  color: #333;
  font: normal normal normal 15px/26px 'microsoft yahei';
  border: 1px solid #ccc;
  padding: 0 2px;
}
.wrapper .mrow .unit {
  margin: 0 5px 0 0;
  color: #888;
  font: normal normal normal 14px/26px 'microsoft yahei';
}
.wrapper .mrow .text-bg {
  width: 290px;
  height: 80px;
  font: normal normal normal 14px/22px 'microsoft yahei';
}
.wrapper .foot {
  height: 60px;
}
.wrapper .foot .btn-sure {
  width: 180px;
  height: 35px;
  float: left;
  margin: 5px 10px 5px 30px;
  font: normal normal normal 15px/35px 'microsoft yahei';
}
.wrapper .foot .btn-cancel {
  width: 60px;
  height: 26px;
  float: right;
  margin: 10px 15px 0 0;
  font: normal normal normal 15px/26px 'microsoft yahei';
}
.mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 3;
  overflow: hidden;
}
.mask.show {
  display: block;
  background: rgba(0, 0, 0, 0.5);
}
.mask .backdrop {
  width: 20%;
  float: left;
  height: 100%;
}
.mask .backdrop .close-choice {
  position: relative;
  float: right;
  width: 50px;
  height: 30px;
  top: 45%;
  background: transparent url(../../imgs/arrow.png) no-repeat center center;
  cursor: pointer;
}
.mask .content {
  position: relative;
  width: 80%;
  height: 100%;
  float: right;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
}
.mask .content.show {
  display: block;
}
.mask .content.hide {
  display: none;
}
.mask .content .title {
  width: 100%;
  height: 44px;
  border-bottom: 1px solid #ddd;
  font: normal normal normal 15px/44px 'microsoft yahei';
  text-align: center;
}
.mask .content ul.dialog {
  width: 100%;
}
.mask .content ul.dialog li {
  width: 100%;
  min-height: 44px;
  overflow: hidden;
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.mask .content ul.dialog li:active {
  background: #f5f5f5;
}
.mask .content ul.dialog li a {
  width: 100%;
  height: 100%;
  display: block;
  color: #333;
  font: normal normal normal 15px/44px 'microsoft yahei';
}
.mask .content ul.dialog li a > span {
  display: block;
  padding: 0 15px;
}
.mask .content ul.dialog li > span {
  color: #333;
  font: normal normal normal 15px/44px 'microsoft yahei';
  margin: 0 15px;
}
.mask .content ul.dialog li.action span {
  color: #387FC8;
}
.mask .content .modal-preloader {
  position: relative;
  width: 100%;
  height: 60px;
  display: none;
  font: normal normal normal 14px/60px 'microsoft yahei';
  color: #999;
  text-align: center;
}
.mask .content .modal-preloader.show {
  display: block;
}
.no-scrollbar {
  overflow-y: hidden;
}
